<!DOCTYPE html>
<html>

<!-- Mirrored from demo.web3canvas.com/themeforest/flathost/onepage/index.html by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 31 May 2014 12:09:57 GMT -->
<head>
<meta charset="utf-8">
<title>FlatHost - Responsive Onepage Hosting Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen">
 
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 
<link href="css/hosting.css" rel="stylesheet" media="all">
 
<script src="js/modernizr.js"></script>
 
<link rel="stylesheet" href="css/flexslider.css"/>
<script src="js/jquery-1.9.0.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
  $(window).load(function() {
     $('.flexslider').flexslider({
        animation: "slide",
		useCSS: Modernizr.touch
      });
  });
</script>
 
<script src="js/contact_form.js"></script>
</head>
<body>
<a id="home"></a>
 
<div class="jumbotron masthead">
 
<div class="navbar navbar-fixed-top navbar-absolute">
<div class="navbar-inner">
<div class="container">
 
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
 
<a class="brand" href="#"> <img src="images/flathost-logo.png" width="174" height="52" alt="logo"></a>
 
<div class="nav-collapse collapse">
 
<ul class="nav pull-right">
<li class="active"><a href="#home">HOME</a></li>
<li><a href="#features">FEATURES</a></li>
<li><a href="#testimonials">PARTNERS</a></li>
<li><a href="#pricing">PRICING</a></li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">BLOG <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="blog.html">Blog List</a></li>
<li><a href="blog-post.html">Single Blog page</a></li>
</ul>
</li>
<li><a href="#contact">CONTACT</a></li>
<li><a href="#Login" role="button" data-toggle="modal">Login</a></li>
<li><a href="#Signup" role="button" data-toggle="modal" class="btn btn-success">Sign Up</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
 
<div class="flexslider">
<ul class="slides">
<li>
<div class="hero-unit">
<h1>One page Hosting Solution</h1>
<h3>Flathost is a bootstrap based responsive minimal, flat and afforable hosting template with easy customization and great support</h3>
<p class="hidden-phone"> <a href="#" class="btn btn-success btn-large">Explore Features </a> <a href="#" class="btn btn-primary btn-large">Plans and Pricing </a> </p>
</div>
</li>
<li>
<div class="slide2">
<p><img src="images/server1.png" alt="server"></p>
<h1>Dedicated and VIP Hosting</h1>
</div>
</li>
<li>
<div class="slide3">
<p class="pull-left"><img src="images/server2.png" alt="server"></p>
<h1>Managed Hosting</h1>
<h3>Flathost is a bootstrap based responsive minimal, flat and afforable hosting template with easy customization and great support</h3>
</div>
</li>
</ul>
</div>
</div>
</div>
 
<div class="container"> <a id="features"></a>
 
<div class="row-fluid mainFeatures">
<div class="span4">
<div class="thumbnail"> <img src="images/secure_img.png" width="85" height="88" alt="secure">
<div class="caption">
<h4>Secure & Reliable</h4>
<p>Flathost servers are having high physical security and power redundancy Your data will be secure with us.</p>
</div>
</div>
</div>
<div class="span4">
<div class="thumbnail"> <img src="images/fast_img.png" width="85" height="88" alt="secure">
<div class="caption">
<h4>Super Fast</h4>
<p>With our ultra mordern servers and optical cables, your data will be transfered to end user in milliseconds.</p>
</div>
</div>
</div>
<div class="span4">
<div class="thumbnail"> <img src="images/support_img.png" width="85" height="88" alt="secure">
<div class="caption">
<h4>Customer Support</h4>
<p>We have a dedicated team of support for sales and support to help you in anytime. You can also chat with us.</p>
</div>
</div>
</div>
</div>
 
<div class="row-fluid PageHead">
<div class="span12">
<h1>More Features</h1>
<h3>You will get lot of features with flathost</h3>
</div>
</div>
<div class="row-fluid">
<div class="span6 features"> <img src="images/setup_icon.png" alt="icon">
<h4>Instant Setup</h4>
<p>As soon as you make a successful payment via PayPal or Google Checkout, your web hosting and domain names will be activated immediately. No waiting time whatsoever.</p>
</div>
<div class="span6 features"> <img src="images/backup_icon.png" alt="icon">
<h4>Constant Backups</h4>
<p>Your hosting account is backed up 4 times a day as standard, with our backup integration. We use dedicated backup servers, providing fast & easy individual file rollback abilities.</p>
</div>
</div>
<div class="row-fluid">
<div class="span6 features"> <img src="images/git_icon.png" alt="icon">
<h4>GIT/SVN Support</h4>
<p>Web Developers love using version control systems. All of our hosting accounts can use GIT & SVN command line tools on our servers. Simply request SSH access to get started.</p>
</div>
<div class="span6 features"> <img src="images/script_icon.png" alt="icon">
<h4>280+ Install Scripts</h4>
<p>All our hosting accounts allow you to install popular software such as Wordpress, Drupal, Joolma and Magento in one easy step. Upgrading your software is just as easy!</p>
</div>
</div>
<div class="row-fluid">
<div class="span6 features"> <img src="images/cpanel_icon.png" alt="icon">
<h4>cPanel Included</h4>
<p>All hosting accounts come with the latest version of cPanel. This makes life easy for you to do routine tasks such as setting up email addresses and managing MySQL databases.</p>
</div>
<div class="span6 features"> <img src="images/php_icon.png" alt="icon">
<h4>Latest PHP &amp; MySQL</h4>
<p>Our network runs the latest stable and secure versions of PHP & MySQL. We also implement strict security and firewall rules protecting your website from unwanted visitors 24/7.</p>
</div>
</div>
 
<div class="row-fluid FeatLayout">
<div class="span5 Featimg"> <img src="images/features_img.png" alt="feature"></div>
<div class="span7">
<h1>Features Layout</h1>
<h3>A left aligned image and content with tick</h3>
<p>As soon as you make a successful payment via PayPal or Google Checkout, your web hosting and domain names will be activated immediately. No waiting time whatsoever. Our network runs the latest stable and secure versions of PHP &amp; MySQL. </p>
<ul class="ticklist">
<li>Dedicated Servers</li>
<li>cPanel Access</li>
<li>MySQL Databases</li>
<li>Super Bandwidth</li>
<li>Web Builder</li>
<li>Web Secutity</li>
</ul>
</div>
</div>
 
<a id="testimonials"></a>
<div class="row-fluid PageHead">
<div class="span12">
<h1>Testimonials</h1>
<h3>Kind words from our valuable customers</h3>
</div>
</div>
<div class="row-fluid Testimonials">
<div class="span4">
<div class="thumbnail"> <img src="images/client1.jpg" alt="client">
<div class="caption">
<p>Flathost servers are having high physical security and power redundancy Your data will be secure with us.</p>
<h5>James, Envato</h5>
</div>
</div>
</div>
<div class="span4">
<div class="thumbnail"> <img src="images/client2.jpg" alt="client">
<div class="caption">
<p>With our ultra mordern servers and optical cables, your data will be transfered to end user in milliseconds.</p>
<h5>Mariya, Activeden</h5>
</div>
</div>
</div>
<div class="span4">
<div class="thumbnail"> <img src="images/client3.jpg" alt="client">
<div class="caption">
<p>We have a dedicated team of support for sales and support to help you in anytime. You can also chat with us.</p>
<h5>Steven, Microlancer</h5>
</div>
</div>
</div>
</div>
 
<div class="row-fluid PartnersList"> <img src="images/logo1.jpg" alt="logo"> <img src="images/logo2.jpg" alt="logo"> <img src="images/logo3.jpg" alt="logo"> <img src="images/logo4.jpg" alt="logo"> <img src="images/logo5.jpg" alt="logo"> </div>
 
<a id="pricing"></a>
<div class="row-fluid PageHead">
<div class="span12">
<h1>Plans & Pricing</h1>
<h3>Tailored plans and pricing suits your needs</h3>
</div>
</div>
<div class="row-fluid">
<div class="span3 PlanPricing">
<div class="planName"> <span class="price">$15</span>
<h3>Standard</h3>
<p>Monthly Plan</p>
</div>
<div class="planFeatures">
<ul>
<li> 1 GB Storage Space</li>
<li>10 GB Monthly Bandwidth</li>
<li>10 Sub-domains</li>
<li>25 Email Accounts</li>
<li>Control panel</li>
<li>24/7 Support</li>
</ul>
</div>
<p> <a href="#Signup" role="button" data-toggle="modal" class="btn btn-success btn-large">Sign Up </a> </p>
</div>
<div class="span3 PlanPricing">
<div class="planName"> <span class="price">$29</span>
<h3>Standard</h3>
<p>Monthly Plan</p>
</div>
<div class="planFeatures">
<ul>
<li> 5 GB Storage Space</li>
<li>50 GB Monthly Bandwidth</li>
<li>20 Sub-domains</li>
<li>50 Email Accounts</li>
<li>Control panel</li>
<li>24/7 Support</li>
</ul>
</div>
<p> <a href="#Signup" role="button" data-toggle="modal" class="btn btn-success btn-large">Sign Up </a> </p>
</div>
<div class="span3 PlanPricing Recommended">
<div class="planName"> <span class="price">$67</span>
<h3>Standard</h3>
<p>Monthly Plan</p>
</div>
<div class="planFeatures">
<ul>
<li> 10 GB Storage Space</li>
<li>Unlimited Bandwidth</li>
<li>50 Sub-domains</li>
<li>100 Email Accounts</li>
<li>Control panel</li>
<li>24/7 Support</li>
</ul>
</div>
<p> <a href="#Signup" role="button" data-toggle="modal" class="btn btn-danger btn-large">Sign Up </a> </p>
</div>
<div class="span3 PlanPricing">
<div class="planName"> <span class="price">$99</span>
<h3>Standard</h3>
<p>Monthly Plan</p>
</div>
<div class="planFeatures">
<ul>
<li> 20 GB Storage Space</li>
<li>Unlimited Bandwidth</li>
<li>100 Sub-domains</li>
<li>200 Email Accounts</li>
<li>Control panel</li>
<li>24/7 Support</li>
</ul>
</div>
<p> <a href="#Signup" role="button" data-toggle="modal" class="btn btn-success btn-large">Sign Up </a> </p>
</div>
</div>
 
<div class="row-fluid PageHead">
<div class="span12">
<h1>Compare Plans</h1>
<h3>Another Plans page with comparison table</h3>
</div>
</div>
<div class="row-fluid ComparePlans">
<div class="span3 CompareList hidden-phone">
<div class="planHead1"></div>
<div class="planFeatures">
<ul>
<li>Setup Fee</li>
<li> Multi Domain </li>
<li> Storage Space</li>
<li>Monthly Bandwidth</li>
<li> MySQL Databases</li>
<li>Sub-domains</li>
<li>Email Accounts</li>
<li> Shared 128bit SSL</li>
<li>Control panel</li>
<li>24/7 Support</li>
</ul>
</div>
</div>
<div class="span3 pricing1">
<div class="planHead2">
<h3>STANDARD</h3>
</div>
<div class="planFeatures">
<ul class="visible-phone">
<li>Setup Fee : NA</li>
<li> Multi Domain : Up to 2 </li>
<li> Storage Space 1 GB</li>
<li>Monthly Bandwidth 10 GB</li>
<li> MySQL Databases : 5</li>
<li>Sub-domains : 2</li>
<li>Email Accounts : 25</li>
<li> Shared 128bit SSL : No</li>
<li>Control panel : Yes</li>
<li>24/7 Support : No</li>
</ul>
<ul class="hidden-phone">
<li>NA</li>
<li> Up to 2 </li>
<li> 1 GB</li>
<li>10 GB</li>
<li> 5</li>
<li>2</li>
<li>25</li>
<li><img src="images/cross.png" alt="cross"> </li>
<li> <img src="images/tick.png" alt="tick"></li>
<li><img src="images/cross.png" alt="cross"> </li>
</ul>
</div>
<p> <a href="#Signup" role="button" data-toggle="modal" class="btn btn-success btn-large">Sign Up </a> </p>
</div>
<div class="span3 pricing2">
<div class="planHead3">
<h3>DEDICATED</h3>
</div>
<div class="planFeatures">
<ul class="visible-phone">
<li>Setup Fee : NA</li>
<li> Multi Domain : Up to 2 </li>
<li> Storage Space 1 GB</li>
<li>Monthly Bandwidth 10 GB</li>
<li> MySQL Databases : 5</li>
<li>Sub-domains : 2</li>
<li>Email Accounts : 25</li>
<li> Shared 128bit SSL : No</li>
<li>Control panel : Yes</li>
<li>24/7 Support : Yes</li>
</ul>
<ul class="hidden-phone">
<li>NA</li>
<li> Up to 2 </li>
<li> 1 GB</li>
<li>10 GB</li>
<li> 5</li>
<li>2</li>
<li>25</li>
<li><img src="images/cross.png" alt="cross"> </li>
<li> <img src="images/tick.png" alt="tick"></li>
<li><img src="images/tick.png" alt="tick"> </li>
</ul>
</div>
<p> <a href="#Signup" role="button" data-toggle="modal" class="btn btn-danger btn-large">Sign Up </a> </p>
</div>
<div class="span3 pricing1">
<div class="planHead2">
<h3>MANAGED</h3>
</div>
<div class="planFeatures">
<ul class="visible-phone">
<li>Setup Fee : NA</li>
<li> Multi Domain : Up to 2 </li>
<li> Storage Space 1 GB</li>
<li>Monthly Bandwidth 10 GB</li>
<li> MySQL Databases : 5</li>
<li>Sub-domains : 2</li>
<li>Email Accounts : 25</li>
<li> Shared 128bit SSL : Yes</li>
<li>Control panel : Yes</li>
<li>24/7 Support : Yes</li>
</ul>
<ul class="hidden-phone">
<li>NA</li>
<li> Up to 2 </li>
<li> 1 GB</li>
<li>10 GB</li>
<li> 5</li>
<li>2</li>
<li>25</li>
<li><img src="images/tick.png" alt="tick"> </li>
<li> <img src="images/tick.png" alt="tick"></li>
<li><img src="images/tick.png" alt="tick"> </li>
</ul>
</div>
<p> <a href="#Signup" role="button" data-toggle="modal" class="btn btn-success btn-large">Sign Up </a> </p>
</div>
</div>
</div>
 
 
<div class="domain">
<div class="container">
<div class="row-fluid PageHead">
<div class="span12">
<h1>Search Domain</h1>
<h3>Enter the domain name to register or transfer</h3>
</div>
</div>
<div class="row-fluid">
<div class="span8 offset2">
<div class="input-append">
<input class="span11" id="appendedDropdownButton" type="text" placeholder="yourdomainname">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown"> .COM <span class="caret"></span> </button>
<ul class="dropdown-menu">
<li><a href="#">.COM</a></li>
<li><a href="#">.IN</a></li>
<li><a href="#">.UK</a></li>
<li><a href="#">.ME</a></li>
</ul>
</div>
</div>
<p> <a href="#" class="btn btn-success btn-large">Search Domain </a> </p>
</div>
</div>
</div>
</div>
 
<a id="contact"></a>
<div class="container">
<div class="row-fluid PageHead">
<div class="span12">
<h1>Contact Us</h1>
<h3>Keep in touch with us. we are here to help you</h3>
</div>
</div>
<div class="row-fluid ContactUs">
<div class="span6">
<div class="row-fluid">
<div class="span6">
<h4> Australia </h4>
<address>
<strong>Flat Host Pty Ltd</strong><br>
13/2 Elizabeth Street<br>
Melbourne VIC 30007<br>
Australia<br>
<abbr title="Phone">P:</abbr> +61 3 8376 6284<br>
<br>
</address>
</div>
<div class="span6">
<h4>India</h4>
<address>
<strong>Flat Host Pty Ltd</strong><br>
MG Road<br>
Pulleppady Jn<br>
Kochi, India<br>
<abbr title="Phone">P:</abbr>+91 9 8376 6280<br>
<br>
</address>
</div>
</div>
<div class="row-fluid">
<div class="span12"> <img src="http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&amp;zoom=13&amp;size=600x300&amp;scale=2&amp;sensor=false" alt="static map"> <br>
<br>
</div>
</div>
</div>
<div class="span6">
<form class="form-horizontal" id="phpcontactform">
<div class="control-group">
<input class="input-block-level" type="text" placeholder="Full Name" name="name" id="name">
</div>
<div class="control-group">
<input class="input-block-level" type="email" placeholder="Email ID" name="email" id="email">
</div>
<div class="control-group">
<input class="input-block-level" type="text" placeholder="Mobile Number" name="mobile" id="mobile">
</div>
<div class="control-group">
<textarea class="input-block-level" rows="10" name="message" placeholder="Your Message" id="message"></textarea>
</div>
<div class="control-group">
<p>
<input class="btn btn-success btn-large" type="submit" value="Send Message"/>
</p>
<span class="loading"></span> </div>
</form>
</div>
</div>
</div>
 
<div class="footer">
<div class="container">
<div class="row-fluid footerlinks">
<div class="span2">
<p>CALL US</p>
<ul>
<li> +1 4528 254 247</li>
<li>+1 4002 188 355</li>
</ul>
</div>
<div class="span2">
<p>FOLLOW US</p>
<ul>
<li><a href="http://twitter.com/surjithctly" target="_blank">Follow on Twitter</a></li>
<li><a href="http://web3canvas.com/" target="_blank">Like us on Facebook</a></li>
<li><a href="http://surjithctly.in/" target="_blank">Join on Linkedin</a> </li>
</ul>
</div>
<div class="span2">
<p>EMAIL US</p>
<ul>
<li><a href="http://www.cloudflare.com/email-protection#a0d3d5d0d0cfd2d4e0d3d5d2cac9d4c8c3d4ccd98ec9ce" target="_blank">support @flathost.com</a></li>
<li><a href="http://www.cloudflare.com/email-protection#224f434b4e62515750484b564a41564e5b0c4b4c" target="_blank">sales @flathost.com</a></li>
</ul>
</div>
<div class="span2">
<p>COMPANY</p>
<ul>
<li> <a href="#">About us</a></li>
<li><a href="#">Latest from Blog</a></li>
<li><a href="#">Our Team</a></li>
</ul>
</div>
<div class="span2">
<p>LEGAL TERMS</p>
<ul>
<li><a href="#">Terms of use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div class="span2">
<p>Live Chat</p>
<ul>
<li> <a href="#" class="btn btn-success btn-small">CHAT WITH US </a> </li>
</ul>
</div>
</div>
<div class="row-fluid copyright">
<div class="pull-right"><img src="images/logo-footer.png" alt="logo"></div>
<p>Copyright &copy; 2013. Flathost Inc</p>
</div>
</div>
</div>
 
<div id="Login" class="modal hide fade LoginSignup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3 id="myModalLabel">Login</h3>
</div>
<div class="modal-body">
<form>
<input type="text" placeholder="Email ID">
<input type="password" placeholder="Password">
<button type="submit" class="btn btn-success btn-large">Login to my Account</button>
<label class="checkbox">
<input type="checkbox">
Remember me </label>
</form>
</div>
</div>
 
<div id="Signup" class="modal hide fade LoginSignup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3 id="myModalLabel2">Signup</h3>
</div>
<div class="modal-body">
<form>
<input type="text" placeholder="Full Name">
<input type="text" placeholder="Email ID">
<input type="password" placeholder="Password">
<input type="text" placeholder="Location">
<button type="submit" class="btn btn-success btn-large">Signup for an Account</button>
<label class="checkbox">
<input type="checkbox">
I Agree to the Terms and Conditions </label>
</form>
</div>
</div>
 
<a href="#" class="scrollup">Scroll</a>
 
<script src="js/jquery.easing.1.2.js"></script>
 
<script src="js/bootstrap.js"></script>
 
<script>
            $(function() {
                $('.nav li a').bind('click',function(event){
                    var $anchor2 = $(this).parent();
				    var $anchor = $(this);
					$('.nav  li').removeClass('active');
                    $anchor2.addClass('active');
					
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top - 50
                    }, 1500,'easeInOutExpo');
                    /*
                    if you don't want to use the easing effects:
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1000);
                    */
                    event.preventDefault();
                });
            });
        </script>
 
 
<script>
    $(document).ready(function(){ 
 
        $(window).scroll(function(){
            if ($(this).scrollTop() > 800) {
                $('.scrollup').fadeIn();
            } else {
                $('.scrollup').fadeOut();
            }
        }); 
 
        $('.scrollup').click(function(){
            $("html, body").animate({ scrollTop: 0 }, 600);
            return false;
        });
 
    });
</script>
 
<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementsByTagName("a"),t=document.createElement("textarea");for(i=0;l.length-i;i++){try{a=l[i].getAttribute("href");if(a&&"www.cloudflare.com/email-protection"==a.substr(7 ,35)){s='';j=43;r=parseInt(a.substr(j,2),16);for(j+=2;a.length-j&&a.substr(j,1)!='X';j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}j+=1;s+=a.substr(j,a.length-j);t.innerHTML=s.replace(/</g,"&lt;").replace(/>/g,"&gt;");l[i].setAttribute("href","mailto:"+t.value);}}catch(e){}}}catch(e){}})();
/* ]]> */
</script>
</body>

<!-- Mirrored from demo.web3canvas.com/themeforest/flathost/onepage/index.html by HTTrack Website Copier/3.x [XR&CO'2013], Sat, 31 May 2014 12:09:57 GMT -->
</html>